<h1 class="hide">Mercado Limbo</h1>
<div class="top-bar">
    <div class="wrapper">
        <a href="index" class="ml-logo">
            <img src="img/logo-ml.svg" alt="Mercado Limbo" title="Mercado Limbo" />
        </a>

        <div id="toggle-menu">
            <img class="user-avatar in" src="dummy/dummy-u.png" alt="" /><!--
            --><i class="fa fa-bars"></i>
        </div>

        <nav class="main-nav">
            <h2 class="hide">Main Navigation</h2>
            <div class="right">
                <div class="user-menu">
                    <ul>
                        <li class="in">
                            <a href="profile" class="nav-icon-link">
                                <i class="fa fa-undo"></i>
                                <span>Mis Reusos</span>
                            </a>
                        </li><!--
                        --><li class="in">
                            <a href="#" class="nav-icon-link">
                                <i class="fa fa-heart"></i>
                                <span>Favoritos</span>
                            </a>
                        </li><!--
                        --><li class="in">
                            <a href="#" class="nav-icon-link">
                                <i class="fa fa-cogs"></i>
                                <span>Preferencias</span>
                            </a>
                        </li><!--
                        --><li class="in">
                            <a href="#" class="nav-icon-link">
                                <i class="fa fa-sign-out"></i>
                                <span>Salir</span>
                            </a>
                        </li>
                    </ul>
                </div>
                <ul>
                    <li class="out">
                        <a href="signin" class="nav-icon-link">
                            <i class="fa fa-user"></i>
                            <span>Crea tu cuenta</span>
                        </a>
                    </li><!--
                    --><li class="out">
                        <a href="login" class="nav-icon-link">
                            <i class="fa fa-sign-in"></i>
                            <span>Log-in</span>
                        </a>
                    </li><!--
                    --><li>
                        <a href="#" class="nav-icon-link">
                            <i class="fa fa-question-circle "></i>
                            <span>Ayuda</span>
                        </a>
                    </li>
                </ul>
            </div>

            <footer class="main-nav-foot">
                <div class="social">
                    <a href="#" target="_blank"><i class="fa fa-facebook"></i></a><!--
                    --><a href="#" target="_blank"><i class="fa fa-twitter"></i></a><!--
                    --><a href="#" target="_blank"><i class="fa fa-play"></i></a>
                </div>
                <span>Powered by <a href="http://www.greentomato.com.ar/" target="_blank">GT</a></span>
            </footer>
        </nav>
        
        <a href="new-limbo-item" class="main-color-btn">Publicar</a>

        <div class="main-search">
            <input type="text" placeholder="¿Qué estás buscando?" /><!--
            --><button><i class="fa fa-search"></i></button>
            <div class="filters">
                <div class="filters-head">
                    <a href="#" class="filter-top"><i class="fa fa-star"></i> Destacados</a><!--
                    --><a href="#" class="filter-top"><i class="fa fa-exclamation-circle"></i> Más Recientes</a><!--
                    --><a href="#" class="filter-top"><i class="fa fa-map-marker"></i> Cerca de mí</a>
                </div>
                <div class="filter-column">
                    <h5 class="filter-list-title"><i class="fa fa-list"></i> Categorias</h5>
                    <ul class="filter-list">
                        <li><a href="category">Muebles</a></li>
                        <li><a href="category">Decoración</a></li>
                        <li><a href="category">Asientos</a></li>
                        <li><a href="category">Accesorios</a></li>
                        <li><a href="category">Juegos y Juguetes</a></li>
                    </ul>
                    <a class="filter-see-all" href="#">ver todas</a>
                </div><!--
                --><div class="filter-column">
                    <h5 class="filter-list-title"><i class="fa fa-scissors"></i> Materiales</h5>
                    <ul class="filter-list">
                        <li><a href="category">Muebles</a></li>
                        <li><a href="category">Decoración</a></li>
                        <li><a href="category">Asientos</a></li>
                        <li><a href="category">Accesorios</a></li>
                        <li><a href="category">Juegos y Juguetes</a></li>
                    </ul>
                    <a class="filter-see-all" href="#">ver todas</a>
                </div><!--
                --><div class="filter-column">
                    <h5 class="filter-list-title"><i class="fa fa-scissors"></i> Materiales</h5>
                    <ul class="filter-list">
                        <li><a href="category">Muebles</a></li>
                        <li><a href="category">Decoración</a></li>
                        <li><a href="category">Asientos</a></li>
                        <li><a href="category">Accesorios</a></li>
                        <li><a href="category">Juegos y Juguetes</a></li>
                    </ul>
                    <a class="filter-see-all" href="#">ver todas</a>
                </div>
            </div>
        </div>
    </div>
</div>
